<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="ltr" lang="zh_cn" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="zh_cn" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="zh_cn">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>订单信息</title>
<base href="https://mall.opencart.cn/" />

<!-- Facebook share -->
<meta property="og:site_name" content="PHP 开源电商系统 - 成都光大网络科技" />
<meta property="og:url" content="https://mall.opencart.cn/index.php?route=account/order/info&amp;order_id=20200520417846" />
<meta property="og:type" content="website" />
<meta property="og:title" content="订单信息" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://mall.opencart.cn/image/cache/catalog/logo-600x315.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />

<link href="https://mall.opencart.cn/catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="https://mall.opencart.cn/catalog/view/javascript/app.js?v=c276af9139" type="text/javascript"></script>
<link href="https://mall.opencart.cn/image/catalog/favicon.png" rel="icon" />
<link href="https://mall.opencart.cn/catalog/view/theme/mobile/stylesheet/stylesheet.css?v=7000b9778f" rel="stylesheet">

</head>
<body class="account-order-info" ontouchstart="" onmouseover="">

  <div class="assist-side">
        <a class="btn-meiqia"><i class="iconfont">&#xe607;</i></a>
    <script type='text/javascript'>
      (function(m, ei, q, i, a, j, s) {
        m[i] = m[i] || function() {
          (m[i].a = m[i].a || []).push(arguments)
        };
        j = ei.createElement(q),
          s = ei.getElementsByTagName(q)[0];
        j.async = true;
        j.charset = 'UTF-8';
        j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
        s.parentNode.insertBefore(j, s);
      })(window, document, 'script', '_MEIQIA');
      _MEIQIA('entId', '116919');
      _MEIQIA('language', 'zh');
      _MEIQIA('manualInit'); // 在这里开启手动模式
      _MEIQIA('withoutBtn'); // 不显示默认按钮
      _MEIQIA('init');

      $(document).on('click', '.btn-meiqia', function(event) {
        _MEIQIA('showPanel');
      });
    </script>
            <a href="https://mall.opencart.cn/"><i class="iconfont">&#xe629;</i></a>
        <a href="#page-top" class="go-top"><i class="iconfont">&#xe6fe;</i></a>
  </div>

<div class="container">
  <div class="row">
    <div id="content" class="col-sm-12">
      <div class="nav-bar">历史订单</div>
                  <div class="row widget">
        <div class="col-xs-12">
          <div class="list-two-column-justified">
                        <dl>
              <dt>订单编号：</dt>
              <dd>#871</dd>
            </dl>
            <dl>
              <dt>订单日期：</dt>
              <dd>2020-05-20 10:00:13</dd>
            </dl>
                        <dl>
              <dt>付款方式：</dt>
              <dd>支付宝</dd>
            </dl>
                                    <dl>
              <dt>配送方式：</dt>
              <dd>免费配送</dd>
            </dl>
                      </div>
        </div>
      </div>
                  <div class="row widget">
        <div class="col-sm-12">
          <strong>配送地址</strong> <br/>
          gzelink<br />(13700000000)<br />广东省 广州市 越秀区 五羊邨<br />525300
        </div>
      </div>
                  <div class="row widget">
        <div class="col-xs-12">
                    <div class="product-item">
            <div class="image"><img src="https://mallcdn.gdemo.top/catalog/demo/product/6.jpg?imageView2/1/w/100/h/100/" alt="大米6 Air 13.3英寸全金属超轻薄笔记本电脑 i7 8G 256G SSD" class="img-responsive"></div>
            <div class="info">
              <div class="name"><a href="https://mall.opencart.cn/index.php?route=product/product&amp;product_id=42">大米6 Air 13.3英寸全金属超轻薄笔记本电脑 i7 8G 256G SSD</a></div>
                            <div class="data">
                <div class="model"><b>型号</b>: Product 15</div>
                <div class="total">￥0.01 x 1 = <strong>￥0.01</strong></div>
              </div>
              <div class="action pull-right">
                                                <a href="https://mall.opencart.cn/index.php?route=account/order/reorder&amp;order_id=20200520417846&amp;order_product_id=972" class="btn btn-default">再次购买</a>
                                              </div>
            </div>
          </div>
                                      </div>
      </div>
      <div class="row widget">
        <div class="col-xs-12">
          <div class="list-two-column-justified">
                        <dl>
              <dt>商品总额</dt>
              <dd>￥0.01</dd>
            </dl>
                        <dl>
              <dt>免费配送</dt>
              <dd>￥0.00</dd>
            </dl>
                        <dl>
              <dt>订单总额</dt>
              <dd>￥0.01</dd>
            </dl>
                      </div>
        </div>
      </div>
                          <div class="row widget">
          <h2>订单记录</h2>
          <div class="col-xs-12">
            <div class="table-responsive">
              <table class="table table-bordered table-hover">
                <thead>
                <tr>
                  <td class="text-left">订单日期</td>
                  <td class="text-left">订单状态</td>
                  <td class="text-left">备注</td>
                </tr>
                </thead>
                <tbody>
                                                      <tr>
                      <td class="text-left">2020-05-20 10:00:14</td>
                      <td class="text-left">待付款</td>
                      <td class="text-left"></td>
                    </tr>
                                      <tr>
                      <td class="text-left">2020-05-20 12:01:01</td>
                      <td class="text-left">已取消</td>
                      <td class="text-left"></td>
                    </tr>
                                                  </tbody>
              </table>
            </div>
          </div>
        </div>
            <!-- .buttons.clearfix is required to display shipping tracking block from vqmod -->
      <div class="buttons clearfix"></div>
    </div>
  </div>
</div>
<script>
  jQuery(document).ready(function($) {
    $(document).on('click', '.load-express-info', function(event) {
      var data = $(this).data(), that = $(this), html = "";
      $.ajax({
        url: `index.php?route=extension/module/express_tracking/getTrace&platform=${data.platform}&com=${data.com}&nu=${data.nu}`,
        type: 'get',
        beforeSend: function() { window.show_load(); },
        complete: function() { window.hide_load(); },
        dataType: 'json',
        success: function(json) {
          if (typeof(json.message) != 'undefined') {
            html += `<div class="no-list">${json.message}</div>`;
          }

          if (json.traces) {
            $.each(json.traces, function(index, el) {
              html += '<div class="traces-list">';
              html += '  <div class="left"><div class="line"><div class="dot"></div></div></div>';
              html += `  <div class="right"><div class="station">${el.station}</div><div class="time">${el.time}</div></div>`;
              html += '</div>';
            });
          }

          layer.open({
            type: 1,
            title: `${json.company_code} - ${json.express_no}`,
            skin: 'layui-layer-traces', //样式类名
            shadeClose: true, //开启遮罩关闭
            area: ['86%', '460px'], //宽高
            content: html
          });
        }
      });
    });
  });
</script>
  <footer>
        <div class="language-currency-wrapper mb-1 mt-1">
            <a href="#" id="switch-language">
    <img src="catalog/language/zh-cn/zh-cn.png" alt="简体中文" title="简体中文">
    简体中文
  </a>

  <script type="text/javascript">
  $('#switch-language').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '语言',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: language_modal_content()
    });
  });

  function language_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="https://mall.opencart.cn/index.php?route=account/order/info&amp;order_id=20200520417846&language=zh-cn" class="list-group-item"><img src="catalog/language/zh-cn/zh-cn.png"/> 简体中文</a>';
        html += '<a href="https://mall.opencart.cn/index.php?route=account/order/info&amp;order_id=20200520417846&language=en-gb" class="list-group-item"><img src="catalog/language/en-gb/en-gb.png"/> English</a>';
        html += '<a href="https://mall.opencart.cn/index.php?route=account/order/info&amp;order_id=20200520417846&language=zh-hk" class="list-group-item"><img src="catalog/language/zh-hk/zh-hk.png"/> 繁體中文</a>';
        html += '</div>';
    return html;
  }
  </script>

                <a href="#" id="switch-currency">
      $  US Dollar
    </a>

  <script type="text/javascript">
  $('#switch-currency').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '货币',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: currency_modal_content()
    });
  });

  function currency_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="https://mall.opencart.cn/index.php?route=account/order/info&amp;order_id=20200520417846&currency=USD" class="list-group-item">$ US Dollar</a>';
        html += '<a href="https://mall.opencart.cn/index.php?route=account/order/info&amp;order_id=20200520417846&currency=CNY" class="list-group-item">￥ 人民币</a>';
        html += '<a href="https://mall.opencart.cn/index.php?route=account/order/info&amp;order_id=20200520417846&currency=JPY" class="list-group-item">¥ 日元 </a>';
        html += '</div>';
    return html;
  }
  </script>

    </div>
        <div class="container">
      <div class="footer-powered">
        技术支持 <a href="https://www.opencart.cn">opencart.cn</a> PHP 开源电商系统 - 成都光大网络科技 &copy; 2020
      </div>
    </div>
  </footer>
      <nav id="bottom-tab-menu">
      <div class="menu-item">
        <a class="" href="https://mall.opencart.cn/">
          <i class="iconfont">&#xe669;</i>
          <div class="name">首页</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="" href="https://mall.opencart.cn/product/search">
          <i class="iconfont">&#xe602;</i>
          <div class="name">搜索</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="" href="https://mall.opencart.cn/index.php?route=mobile/categories">
          <i class="iconfont">&#xe61d;</i>
          <div class="name">分类</div>
        </a>
      </div>
      <div class="menu-item cart">
        <a class="" href="https://mall.opencart.cn/checkout/cart">
          <i class="iconfont"><span class="cart-total" style="display:none;"></span>&#xe660;</i>
          <div class="name">购物车</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="active" href="https://mall.opencart.cn/account/account">
          <i class="iconfont">&#xe640;</i>
          <div class="name">会员中心</div>
        </a>
      </div>
    </nav>

</body>
</html>
